<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
   <meta charset="utf-8" />
   <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
   <!-- Mobile viewport optimized: h5bp.com/viewport -->
   <meta name="viewport" content="width=device-width">

   <title>上海驰立信息技术有限公司</title>

   <meta name="robots" content="index">
   <meta name="description" content="驰立：专业软件外包公司，承接各类软件开发，网站建设" />
   <meta name="keywords" content="ERP 软件外包 网站建设 进销存软件 销售系统 程序开发" />
   <meta name="author" content="上海驰立信息技术有限公司"/>
   
   <!-- remove or comment this line if you want to use the local fonts -->
  <!-- <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'> gaokang-->

   <!--<link rel="stylesheet" type="text/css" href="content/css/bootstrap.css">-->
   <link rel="stylesheet" type="text/css" href="content/css/bootmetro-icons.css">
   <link rel="stylesheet" type="text/css" href="content/css/bootmetro.css">
   <link rel="stylesheet" type="text/css" href="content/css/bootmetro-responsive.css">
   <link rel="stylesheet" type="text/css" href="content/css/bootmetro-ui-light.css">

       
   <link rel="stylesheet" type="text/css" href="content/css/treeit.css">
   <link rel="stylesheet" type="text/css" href="content/css/kindeditor/default.css">    
   <!--[if IE 7]>
   <link rel="stylesheet" type="text/css" href="content/css/bootmetro-icons-ie7.css">
   <![endif]-->

   <!-- <link rel="stylesheet" type="text/css" href="content/css/datepicker.css">  gaokang-->
   
   <!--  these two css are to use only for documentation    gaokang
   <link rel="stylesheet" type="text/css" href="content/css/demo.css">
   <link rel="stylesheet" type="text/css" href="scripts/google-code-prettify/prettify.css" >
   -->
   <!-- Le fav and touch icons 公司logo
   <link rel="apple-touch-icon-precomposed" sizes="144x144" href="content/ico/apple-touch-icon-144-precomposed.png">
   <link rel="apple-touch-icon-precomposed" sizes="114x114" href="content/ico/apple-touch-icon-114-precomposed.png">
   <link rel="apple-touch-icon-precomposed" sizes="72x72" href="content/ico/apple-touch-icon-72-precomposed.png">
   <link rel="apple-touch-icon-precomposed" href="content/ico/apple-touch-icon-57-precomposed.png">
   -->
  
   <!-- All JavaScript at the bottom, except for Modernizr and Respond.
      Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries
      For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ -->
   <script src="scripts/modernizr-2.6.2.min.js"></script>
   <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-3182578-6']);
      _gaq.push(['_trackPageview']);
      (function() {
         var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
         ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
         var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
   </script>
   
   <!-- 网站地图  -->
<script src="scripts/tit_js/kindeditor.js"></script>
<script src="http://api.map.baidu.com/api?v=1.4" type="text/javascript"></script>
<script>
     var showMap;
     
    KindEditor.ready(function(K) {
           showMap=function() {
                      var dialog = K.dialog({
			      body : '<div id="map" class="index_map"></div>',
			      closeBtn : {
					name : '关闭',
					click : function(e) {
						  dialog.remove();
                                               }
					}
			      });
	        loadScript();
             };
   });
        
      //baidu map
      function initialize() {
         var mp = new BMap.Map('map');
         mp.centerAndZoom(new BMap.Point(121.491, 31.3), 18);
         mp.addControl(new BMap.NavigationControl());  //添加默认缩放平移控件
        
        var marker1 = new BMap.Marker(new BMap.Point(121.491, 31.3));  // 创建标注
        mp.addOverlay(marker1);              // 将标注添加到地图中
         //创建信息窗口
         var infoWindow1 = new BMap.InfoWindow("上海驰立信息技术有限公司<br>电话：021-55789501");
         marker1.addEventListener("click", function(){this.openInfoWindow(infoWindow1);});
      }
 
      function loadScript() {
          var script = document.createElement("script");
          script.src = "http://api.map.baidu.com/api?v=1.4&callback=initialize";
          document.body.appendChild(script);
       }

</script>    
</head>

<body class="index_background">
   <!--[if lt IE 7]>
   <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
   <![endif]-->
   <header id="hero" class="container">
            <div class="jumbotron container-fluid">
                 <div class="top">
                     <ul class="top1">
                       <li class="top1_0"><img src="content/tit_img/treeit_logo.jpg" alt="#"></li>
                       <!-- <li class="top1_1">021-55789701&nbsp;&nbsp;&nbsp;021-55789501</li>  -->
                       <li class="top1_1"><a href="http://e.weibo.com/shtreeit" target="_blank"><img src="content/tit_img/sina_logo.jpg" alt="#">企业微博</a></li>
                       <li class="top1_2">
                            <a href="javascript:window.external.AddFavorite('http://www.treeit.cn','上海驰立信息技术有限公司')">加入收藏</a> | 
                            <a href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.treeit.cn');return(false);">设为首页</a> | 
                            <a href="javascript:showMap();">网站地图</a></li>
                     </ul>
                 </div>
                  <!--  
                 <div id="myFlipView" class="carousel flipview slide">
                          <div class="carousel-inner">
                             <div class="item active">
                                <img src="content/img/bootstrap-mdo-sfmoma-01.jpg" alt="">
                             </div>
                             <div class="item">
                                <img src="content/img/bootstrap-mdo-sfmoma-02.jpg" alt="">
                             </div>
                             <div class="item">
                                <img src="content/img/bootstrap-mdo-sfmoma-03.jpg" alt="">
                             </div>
                          </div>
                          <a class="left carousel-control" href="#myFlipView" data-slide="prev">&#xe75d;</a>
                          <a class="right carousel-control" href="#myFlipView" data-slide="next">&#xe75e;</a>
                 </div>
                 -->
            </div>
   </header>
  <!-- 图片转换 --> 
  <script src="scripts/tit_js/SlideTrans.js"></script>
    <script type="text/javascript">    
       function changPic(){ 
              var idslider=document .getElementById ("idSlider2");
              var idContainer2=document .getElementById ("idContainer2");
              
              if(idslider==null||idContainer2 ==null){
                        return;
              }
              var nums = [], timer, n = $$("idSlider2").getElementsByTagName("li").length,
	      st = new SlideTrans("idContainer2", "idSlider2", n, {
	                              onStart: function(){//设置按钮样式
			              forEach(nums, function(o, i){ o.className = st.Index == i ? "on" : ""; })
	                            }
	                          });
              for(var i = 1; i <= n; AddNum(i++)){};
              function AddNum(i){
    
                    var num = $$("idNum").appendChild(document.createElement("li"));
                    num.innerHTML = i--;
                    num.onmouseover = function(){
                        //alert (i);
                            timer = setTimeout(function(){ num.className = "on"; st.Auto = false; st.Run(i); }, 200);
                    }
                    num.onmouseout = function(){ clearTimeout(timer); num.className = ""; st.Auto = true; st.Run(); }
                    nums[i] = num;
              }
             st.Run();
      }
       </script>

       <div class="container">
              <div class="img_container" id="idContainer2">
                    <ul id="idSlider2">
                        <li><img src="content/img/bootstrap-mdo-sfmoma-01.jpg" alt="" /></li>
                        <li><img src="content/img/bootstrap-mdo-sfmoma-02.jpg" alt="" /></li>
                        <li><img src="content/img/bootstrap-mdo-sfmoma-03.jpg" alt="" /></li>	         
                    </ul>
                  <ul class="num" id="idNum" style="display:none;"></ul>
             </div>
       </div>
    <script  type ="text/javascript">changPic();</script>
    <!-- 图片转换结束 -->   
   <div class="container">
       <div class="container-fluid metro-responsive-tiles">
        <div class="row-fluid"> <!-- 第一行图标-->
          <div class="span4">
            <a class="tile wide imagetext bg-color-orange first" href="./products.html">
               <div class="image-wrapper">
                  <span class="icon icone-windows"></span>
               </div>
               <div class="column-text">
                  <div class="text-header3">产品介绍</div>
               </div>
            </a>
         </div>
          
         <div class="span4">
            <!-- <a class="tile wide imagetext bg-color-green middle" href="./hub.html"> -->
            <a class="tile wide imagetext bg-color-green middle" href="#">
               <div class="image-wrapper">
                  <span class="icon icone-cart"></span>
               </div>
               <div class="column-text">
                  <div class="text-header3">成功案例</div>
               </div>
            </a>
         </div>
          
         <div class="span4">
            <a class="tile wide imagetext bg-color-blue last" href="#">
                <div class="image-wrapper">
                  <span class="icon icone-suitcase"></span>
               </div>
               <div class="column-text">
                  <div class="text-header3">软件外包</div>
               </div>
            </a>
         </div>
          
      </div>
     
        <div class="row-fluid">
         <div class="span4">
            <a class="tile wide imagetext bg-color-greenDark first" href="#">
               <div class="image-wrapper">
                  <span class="icon icone-cog"></span>
               </div>
               <div class="column-text">
                  <div class="text-header3">软件定制</div>
               </div>
            </a>
         </div>
         <div class="span4">
            <a class="tile wide imagetext bg-color-blueDark middle" href="./about.html">
               <div class="image-wrapper">
                  <!--<span class="icon icon-github"></span> gaokang-->
                  <span class="icon icone-desktop"></span>
               </div>
               <div class="column-text">
                  <div class="text-header3">关于我们</div>
               </div>
            </a>
         </div>
         <div class="span4">
            <a class="tile wide donate bg-color-yellow first" href="./contact_us.html">
                 <div class="image-wrapper">
                  <span class="icon icone-skype"></span>
               </div>
               <div class="column-text">
                  <div class="text-header3">联系我们</div>
                  <div class="text-header5">电话: 021-55789701</div>
                  <div class="text-header5">邮箱: support@treeit.cn</div>
               </div>
            </a>
         </div>
      </div>          
   </div>    
   </div>      
   
<!-- footer --> 
<iframe src="footer.html" class="footer" scrolling="no" ></iframe>

   <!-- Grab Google CDN's jQuery. fall back to local if necessary -->
   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
   <script>window.jQuery || document.write("<script src='scripts/jquery-1.8.3.min.js'>\x3C/script>")</script>

   <script type="text/javascript" src="scripts/google-code-prettify/prettify.js"></script>
   <script type="text/javascript" src="scripts/bootstrap.min.js"></script>
   <script type="text/javascript" src="scripts/bootmetro-panorama.js"></script>
   <script type="text/javascript" src="scripts/bootmetro-pivot.js"></script>
   <script type="text/javascript" src="scripts/bootmetro-charms.js"></script>
   <script type="text/javascript" src="scripts/bootstrap-datepicker.js"></script>
   <!--<script type="text/javascript" src="scripts/jquery.nicescroll.js"></script>-->
   <script type="text/javascript" src="scripts/jquery.touchSwipe.js"></script>
   <script type="text/javascript" src="scripts/demo.js"></script>
   <script type="text/javascript" src="scripts/holder.js"></script>
   <script type="text/javascript">
      $('.panorama').panorama({
         nicescroll: false,
         showscrollbuttons: true,
         keyboard: true
      });

      $('#pivot').pivot();
   </script>
</body>
</html>
